import React from 'react';
import { withRouter } from 'react-router-dom';
import './index.scss'
class Com extends React.Component {
  constructor (props) {
    super (props);
    this.state={
      flag: props.flag || false,
      show: true
    }
  }
  render () {
    if (this.state.show) {
      return(
        <div className="wechart">
          <div className="leftbox">
            <div className="logo"></div>
            <div className="intro">
              <p class="p1">追书神器服务号</p>
              <p class="p2">微信看书更方便，天天签到免费看</p>
            </div>
          </div>
        {
          this.state.flag ?
          <div className="button1" onClick={ () => { this.props.history.push('/nofooter/attention')}}>立即关注</div>
          :
          <div className="button2" onClick={ () => { this.props.history.push('/nofooter/attention')}}>立即关注</div>
        }
        {
          this.state.flag ?
          <div className="close" onClick={
            () => {
              this.setState({
                show: false
              })
            }
          }>
            &times;
          </div>
          :
          ''
        }
      </div>
      )
    } else {
      return ''
    }
  }
}
// const Com = (props) => {
//   return(
//     <div className="wechart">
//       <div className="logo"></div>
//       <div className="intro">
//         <p class="p1">追书神器服务号</p>
//         <p class="p2">微信看书更方便，天天签到免费看</p>
//       </div>
//       <div className="button">立即关注</div>
//       {
//         props.flag ?
//         <div className="close">
//           &times;
//         </div>
//         :
//         ''
//       }
//     </div>
//   )
// }
export default withRouter(Com);